<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="staly.css">
    <script src="jQuery"></script>
</head>
<body>
 <img src="img/view.jfif" alt="">
<div class="box">
    <p>支出</p>
    <div class="zhichubox">
        <form>
            支出事项
            <select>
                <option>人情往来</option>
                <option>房租</option>
                <option>车贷</option>
                <option>学费</option>
                <option>其他</option>
            </select>
        </form>
    </div>
    <div class="zhichubox">
        支出金额
        <input type="text">
    </div>
    <div class="zhichubox">
        <label for="date">日-月-年</label>
        <input type="date" name="date" id="date" value=""/>
    </div>
    <div class="zhichubox">
        支出方式<select>
        <option>现金</option>
        <option>非现金</option>
    </select>
    </div>
    <button class="zhichubutton">提交</button>
    <a href="Accounting.html">返回</a>
</div>
<script>
    $(function () {
        $(".zhichubutton").click(function () {
            confirm("已提交！")
        })
    })
</script>
</body>
</html>